<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%-- JSTL表达式（判断，循环，输出） --%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <%-- 方法表达式（字符串截取，替换） --%>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!doctype html>
<html>
<head>
    <base href="<%=basePath%>">
    <title></title>
    <script src="<%=basePath%>js/jquery.min.js"></script>
    <style>
      /*导航*/
      .navCir{position: fixed;bottom:0px;width: 100%;z-index: 999;background:#fff;}
      .navCir li{width: 20%;padding:5px ;background:#fff ;border-top:1px solid #f5f5f5 ;float: left;text-align: center;font-size: 14px;}
      .navCir li i{display: block;font-size: 18px;}
      .navCir li.active a{color:#F03726 ;}
    </style>
</head>
<body>

<!--引导 -->
<div style="height: 50px;"></div>
<div class="navCir">
  <li class="js-home"><a href="<%=basePath%>home/index"><i class="am-icon-home "></i>首页</a></li>
  <li class="js-list"><a href="<%=basePath%>article/getArticleIndex"><i class="am-icon-list"></i>文章</a></li>
  <li class="js-news"><a href="<%=basePath%>article/getNewsIndex"><i class="am-icon-newspaper-o"></i>特讯</a></li>
  <li class="js-activity"><a href="<%=basePath%>activity/getActivityIndex"><i class="am-icon-suitcase"></i>活动</a></li>
  <li class="js-my"><a href="<%=basePath%>user/usercenter"><i class="am-icon-user"></i>我的</a></li>
</div>

<script>
  $(".js-${param.active}").addClass("active");
</script>
</body>
</html>
